<?php $this->load->view('layout/header'); ?>
<script src="/static/bk/ueditor/ueditor.config.js"></script>
<script src="/static/bk/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    var editor = UE.getEditor('myEditor', {
        initialFrameWidth: 800,
        initialFrameHeight: 300
    });
</script>

<form name="form1" method="post" action="<?php echo site_url('photo/amount_action').'/'.$photo_info['photoid'];?>" id="form1">
    <div>
    </div>
    <div id="container">
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table_form">
            <tr class="table_form_title">
                <td colspan="4">
                    <span id="lblTitle">批量上传相册图片</span>(<span style="color: red;"><?php echo $photo_info['photoname']?></span>)
                </td>
            </tr>
            <tr class="table_form_row">
                <td style="width: 15%" align="right">
                    相册图片：
                </td>
                <td>
                    <script type="text/plain" id="upload_ue"></script>
                    <script type="text/plain" id="myEditor"></script>
                    <div style="display: none;" id="temp-img-list"></div>
                    <div style="display: none;" id="img-div"></div>
                    <a href="javascript:;" onclick="upImage()">点击上传</a>
                    <script type="text/javascript">
                        //重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件
                        var _editor = UE.getEditor('myEditor');
                        _editor.ready(function () {
                            //设置编辑器不可用
                            /*_editor.setDisabled();*/
                            //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
                            _editor.hide();
                            //侦听图片上传
                            _editor.addListener('beforeInsertImage', function (t, arg) {
                                //将地址赋值给相应的input
                                $("#picture").attr("value", arg[0].src);
                                //图片预览
                                $("#preview").attr("src", arg[0].src);
                            })
                            //侦听文件上传
                            _editor.addListener('afterUpfile', function (t, arg) {
                                $("#file").attr("value", _editor.options.filePath + arg[0].url);
                            })
                            //侦听编辑器内容改变
                            _editor.addListener('contentChange', function (editor) {
                                //获取编辑器中的内容（html 代码）
                                var img = UE.getEditor('myEditor').getPlainTxt();
                                if (img != "") {
                                    //把编辑器中的内容放到临时div中，然后进行获取文件名称。
                                    $("#temp-img-list").html(img);
                                    var array = new Array();
                                    //循环获取文件名称
                                    $("#temp-img-list img").each(function () {
                                        var src = $(this).attr("src");
                                        var name = src.replace("/upload/image/", "");
                                        array.push(name);
                                    });
                                    //清空编辑器中的内容，以便下一次添加图片。
                                    UE.getEditor('myEditor').execCommand('cleardoc');
                                    //调用callbackImg获取懂图片名称
                                    if (typeof callbackImg === "function") {
                                        eval("callbackImg('" + array + "')");
                                    }

                                }
                            });
                        });
                        //弹出图片上传的对话框
                        function upImage() {
                            var myImage = _editor.getDialog("insertimage");
                            myImage.open();
                        }
                        //弹出文件上传的对话框
                        function upFiles() {
                            var myFiles = _editor.getDialog("attachment");
                            myFiles.open();
                        }
                        //图片上传完成回调函数
                        function callbackImg(imgName) {
                            var names = imgName.split(",");
                            for (var i = 0; i < names.length; i++) {
                                $("#img-div").append("<input type='hidden' name='pic[]' value='"+names[i]+"'>");
                            }
                        }
                    </script>
                </td>
            </tr>
            <tr class="table_form_btn">
                <td align="right">&nbsp;</td>
                <td><input type="submit" value="提交"></td>
            </tr>
        </table>
    </div>
</form>



</body>
</html>

